/* -- Common Styles -- */

.borderGrey999 {border:1px solid #999999;}
.bgGradSectionHeader {background:#ffffff url(/images/homepage/grad-searchbox-emphome.gif) repeat-x top;}

/*--------------------All rounded corner boxes--------------------- */
.roundedBox {position:relative;}	
.corner {position:absolute; width:12px; height:12px;}

/*- Type1 - Gray and Grayer Border -*/	
#type1 { background-image:url(/images/hpBgBoxGrad.png); background-repeat:repeat-x;}
#type1 .corner {background-image:url(/images/corner1.png);}
/*end rounded corner section*/

.hpBannerGradEmp { background: url(/images/homepage/sprite-hp-empBannerGrad.png) repeat-y right;}
.hpBannerGradPro{ background: url(/images/homepage/sprite-hp-proBannerGrad.png) repeat-y right;}

/*-------------------------ICON SPRITE ------------------------------------------------*/
.socialSrite {background-image:url(/images/socialIconSprite.png);}
.socialBig {height:38px;}
.socialSmall {height:24px;}

/*Social big*/
.rss   {width:22px; background-position:-1px -1px;}
.twtr  {width:22px; background-position:-26px -1px;}
.fb	   {width:22px; background-position:-51px -1px;}

/*Social Small*/
.rssSm   {width:14px; background-position:-76px -1px;}
.twtrSm   {width:14px; background-position:-93px -1px;}
.fbSm 	   {width:14px; background-position:-110px -1px;}

.spriteHPIcon { background-image:url(/images/homepage/sprite-hpicons.png);}
.category {height:48px;}
.gsearch  {height:25px;}
.arr1 {height:13px; }

/*category*/
.tech    {width:49px; background-position:-85px -13px;}
.creative  {width:49px; background-position:-137px -13px; }
.business  {width:49px; background-position:-189px -13px;}
	
/*gsearch*/
.search		 {width:171px; background-position:-241px -13px;}
.searchPro	 {width:149px; background-position:-415px -13px;}
	
/*Arrows */
.arrDown1 {width:13px; background-position:-540px -13px;  background-position:-540px -11px\9;}
.arrUp1   {width:13px; background-position:-527px -13px;  background-position:-527px -11px\9;}

.arrDown2 {width:13px; background-position:-567px -13px;}
.arrUp2   {width:13px; background-position:-583px -13px;}

/*shade*/
.shade {height:	9px; width:972px; background-position: -1px -1px}
	
	
/* end sprites */				
.hpActiveCatBG { background-image:url(/images/homepage/hpActiveCatBG.png); background-repeat:repeat-x; height:64px;}
.hpInactiveCatBG { height:64px; background-color:#FAFAFA }

.hpActivePointer { background-image:url(/images/homepage/CategoryActivePointer.png); height:11px}
.hpInactiveBottom{background-image:url(/images/homepage/CategoryInActiveBottom.png); background-repeat:repeat-x;  height:11px;}


/*add ID=horizontalList to any UL to make it horizontal*/
ul#horizontalList { margin:0px; padding:0px;}
#horizontalList li { display:inline; list-style-type:none}

/* nice text input background*/
.txtInput { border:1px solid #8D9095; background: #FFFFFF url(/images/input-bg.gif) repeat-x; padding:5px; }

/* Banner Sprite */
.empBanner {background:transparent url(/images/homepage/Emp-PoductSprite.png); border:0px;}

.check {background-position:-4px -2px; width:17px; height:16px;}
.postProjButton {background-position:-690px 0px; width: 232px; height:47px;}
.profiles {background-position:-37px 0px; width: 78px; height:90px;}
.feedback {background-position:-581px 0px; width: 78px; height:90px;}
.work {background-position:-447px 0px; width: 78px; height:90px;}
.portfolio {background-position:-309px 0px; width: 78px; height:90px;}
.tested {background-position:-170px 0px; width: 78px; height:90px;}


.proBanner {background:transparent url(/images/homepage/Pro-PoductSprite.png); border:0px;}

.fcheck {background-position:-4px -2px; width:17px; height:16px;}
.fpostProjButton {background-position:-690px 0px; width: 232px; height:46px;}
.fprofiles {background-position:-37px 0px; width: 78px; height:90px;}
.ffeedback {background-position:-581px 0px; width: 78px; height:90px;}
.fwork {background-position:-447px 0px; width: 78px; height:90px;}
.fportfolio {background-position:-309px 0px; width: 78px; height:90px;}
.ftested {background-position:-170px 0px; width: 78px; height:90px;}


/* Black Tool tip --------- */
.tipsy-inner {
	padding:10px 15px;
	line-height:1.5em;
	font-weight:bold;
}
.tipsy {
	/* opacity:.90;*/
	/* filter:alpha(opacity=100);*/
	background-repeat:no-repeat;
	padding:5px;
}
.tipsy-inner {
	padding:8px 8px;
	max-width:200px;
	font-family:Arial;
	font-size:12px;
	font-weight:bold;
	-moz-border-radius:4px;
	-khtml-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	background-color:#000000;
	color:#ffffff;
	text-align:center;
}
.tipsy-north {
	background-image:url(/images/homepage/tipsy-north.gif);
	background-position:top center;
}
.tipsy-south {
	background-image:url(/images/homepage/tipsy-south.gif);
	background-position:bottom center;
	margin-top:-36px;
	margin-top:-44px\9;
	margin-top:0 !important!;
}
.tipsy-east {
	background-image:url(/images/homepage/tipsy-east.gif);
	background-position:right center;
}
.tipsy-west {
	background-image:url(/images/homepage/tipsy-west.gif);
	background-position:left center;
}


/*-- How it works related styles --*/

.hiwIconSpriteEmp {background:transparent url(/images/howitworks/HIW-emp-sprite.gif); border-width:0px;}

.escrow {background-position:-426px -1px; width:50px; height:52px;}
.hiwApproveTxt  {height:149px; width:16px; background-position:-504px -1px; }

.postProj {background-position:-267px -141px; width:41px; height:50px;}
.selFree {background-position:-311px -141px; width:43px; height:50px;}
.depFunds {background-position:-357px -141px; width:43px; height:50px;}
.recWork {background-position:-403px -141px; width:41px; height:50px;}
.relFunds {background-position:-447px -141px; width:54px; height:50px;}
.enjSuccess {background-position:-267px -194px; width:41px; height:45px;}

/* Banner */
.postProjB {background-position:-1px -1px; width:70px; height:87px;}
.selFreeB {background-position:-74px -1px; width:75px; height:87px;}
.depFundsB {background-position:-152px -1px; width:74px; height:87px;}
.recWorkB {background-position:-229px -1px; width:70px; height:87px;}
.relFundsB {background-position:-302px -1px; width:101px; height:87px;}

/*hiwArrows*/
.arrow1B   {background-position:-1px -91px; width:93px; height:127px;}
.arrow2B  {background-position:-97px -91px; width:79px; height:127px;}
.arrow3B  {background-position:-180px -91px; width:84px; height:127px;}

.hiwProcessBG { background-image:url(/images/howitworks/grad-blue-long.png); background-repeat:repeat-y;}
.hiwProcessBGShort { background-image:url(/images/howitworks/grad-blue-short.png); background-repeat:repeat-y;}	


.hiwIconSpritePro { background-image:url(/images/howitworks/HIW-pro-sprite.gif);}
	.hiwLgIconPro {height:83px;}
	.hiwSmIconPro {height:46px;}
	.hiwArrowPro {height:127px;}
		
		.hiwCommitTxt  {height:144px; width:18px; background-position:-439px -1px; }
		.hiwPostProfBtn  {height:47px; width:233px; background-position:-267px -185px; }
		
		
		/*hiwLgIcon*/
		.hiwBuild     {width:94px; background-position:-1px -1px;}
		.hiwSubmit     {width:84px; background-position:-98px -1px; }
		.hiwRequest    {width:74px; background-position:-185px -1px;}
		.hiwDeliver    {width:70px; background-position:-262px -1px;}
		.hiwReceivePay {width:101px; background-position:-335px -1px;}
		
		/*hiwArrows*/
		.hiwArrow1Pro  {width:93px; background-position:-1px -87px;}
		.hiwArrow2Pro  {width:79px; background-position:-97px -87px; }
		.hiwArrow3Pro  {width:84px; background-position:-180px -87px;}
		
		/*hiwSmIcon*/
		.hiwBuildSm      {width:55px; background-position:-267px -87px;}
		.hiwSubmitSm     {width:48px; background-position:-325px -87px; }
		.hiwRequestSm    {width:43px; background-position:-376px -87px;}
		.hiwDeliverSm    {width:41px; background-position:-267px -136px;}
		.hiwReceivePaySm {width:54px; background-position:-311px -136px;}
		.hiwRepeatSm     {width:54px; background-position:-368px -136px;}
				
.hiwProcessBGPro { background-image:url(/images/howitworks/grad-green-long.png); background-repeat:repeat-y; }
.hiwProcessBGShortPro { background-image:url(/images/howitworks/grad-green-short.png); background-repeat:repeat-y;}